<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../../public/css/sn/label-manage.css">
  <!-- <link rel="stylesheet" href="../../public/css/wmr/reset.css"> -->
</head>

<body>


  <div class="tags">
    <div class="common">
      <ul class="tag-ul clearfix">
        <li><a href="javascript:;" cont="followed" class="attention">已关注标签</a></li>
        <li><a href="javascript:;" cont="alltags">全部标签</a></li>
      </ul>
    </div>
  </div>
  <div class="page">
    <div class="common">
      <!-- 已关注标签页面 -->
      <div id="followed" class="section" style="display:block">
        <ul>
          <!-- 1------- -->
          <li class="fol-item">
            <div class="fol-inner">
              <div class="item-top">
                <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-1.jpg" alt=""></a>
                <a href="" class="item-title">计算机图形学</a>
                <span>24关注 3文章</span>
              </div>
              <div class="item-button">
                <button>已关注</button>
              </div>
            </div>
          </li>

       <!-- 2----- -->
       <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
            <a href="" class="item-title">MySQL</a>
            <span>121725关注 8586文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>
      <!-- 3------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-http.png" alt=""></a>
            <a href="" class="item-title">HTTP</a>
            <span>120773关注 7249文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

        <!-- 4---- -->
        <li class="fol-item">
          <div class="fol-inner">
            <div class="item-top">
              <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jquery.png" alt=""></a>
              <a href="" class="item-title">jQuery</a>
              <span>101745 关注
                7362 文章</span>
            </div>
            <div class="item-button">
              <button>已关注</button>
            </div>
          </div>
        </li>
          <!-- 5------- -->
          <li class="fol-item">
            <div class="fol-inner">
              <div class="item-top">
                <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chuangye.png" alt=""></a>
                <a href="" class="item-title">创业</a>
                <span>169416 关注
                  2282 文章</span>
              </div>
              <div class="item-button">
                <button>已关注</button>
              </div>
            </div>
          </li>
          <!-- 6------ -->
        <li class="fol-item">
          <div class="fol-inner">
            <div class="item-top">
              <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
              <a href="" class="item-title">前端</a>
              <span>347212 关注
                32069 文章</span>
            </div>
            <div class="item-button">
              <button>已关注</button>
            </div>
          </div>
        </li>

          <!-- 7----- -->
          <li class="fol-item">
            <div class="fol-inner">
              <div class="item-top">
                <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
                <a href="" class="item-title">CSS</a>
                <span>192722关注 5816文章</span>
              </div>
              <div class="item-button">
                <button>已关注</button>
              </div>
            </div>
          </li>




          </li>
        </ul>
      </div>
      <!-- 全部标签对应的页面 -->
      <div id="alltags" class="section">


        <!-- 里面的tab -->
        <div class="tab-head">

          <ul class="fenlei">
            <li><a href="javascript:;" cont="hottest" class="focustab">最热</a></li>
            <li><a href="javascript:;" cont="newest">最新</a></li>
            <input class="textsearch" type="text" placeholder="搜索标签">
          </ul>

        </div>
        <div class="tab-content">

          <div id="hottest" class="section" style="display:block">
            <!-- START -->
            <ul>
              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
                    <a href="" class="item-title">前端</a>
                    <span>347212 关注
                      32069 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                    <a href="" class="item-title">后端</a>
                    <span>274657关注 19274文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-github.png" alt=""></a>
                    <a href="" class="item-title">GitHub</a>
                    <span>257583关注 8146文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-js.png" alt=""></a>
                    <a href="" class="item-title">JavaScript</a>
                    <span>2255525关注 22407文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                    <a href="" class="item-title">架构</a>
                    <span>221285关注 6481文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">代码规范</a>
                    <span>218860关注 567文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">面试</a>
                    <span>212143关注 4509文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 第二次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-andro.png" alt=""></a>
                    <a href="" class="item-title">Android</a>
                    <span>203838 关注
                      24714 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                    <a href="" class="item-title">算法</a>
                    <span>203365关注 8586文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-cheng.png" alt=""></a>
                    <a href="" class="item-title">程序员</a>
                    <span>193790关注 7249文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
                    <a href="" class="item-title">CSS</a>
                    <span>192722关注 5816文章</span>
                  </div>
                  <div class="item-button">
                    <button>已关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                    <a href="" class="item-title">设计</a>
                    <span>186017关注 5441文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">Java</a>
                    <span>183600关注 23205文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">数据库</a>
                    <span>181653 关注
                      7362 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 三次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
                    <a href="" class="item-title">设计模式</a>
                    <span>178168 关注
                      2683 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
                    <a href="" class="item-title">前端框架</a>
                    <span>174151 关注
                      1588 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
                    <a href="" class="item-title">HTML</a>
                    <span>169416 关注
                      2282 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
                    <a href="" class="item-title">产品</a>
                    <span>163919 关注
                      10314 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
                    <a href="" class="item-title">开源</a>
                    <span>162382 关注
                      4301 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
                    <a href="" class="item-title">Linux</a>
                    <span>153785 关注
                      3064 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
                    <a href="" class="item-title">Git</a>
                    <span>148426 关注
                      1729 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
                    <a href="" class="item-title">React</a>
                    <span>145808 关注
                      7010 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>




<!-- ergai -->
      <!-- 1------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
            <a href="" class="item-title">前端</a>
            <span>347212 关注
              32069 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 2----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
            <a href="" class="item-title">后端</a>
            <span>274657关注 19274文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 3------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-github.png" alt=""></a>
            <a href="" class="item-title">GitHub</a>
            <span>257583关注 8146文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 4----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-js.png" alt=""></a>
            <a href="" class="item-title">JavaScript</a>
            <span>2255525关注 22407文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 5----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
            <a href="" class="item-title">架构</a>
            <span>221285关注 6481文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 6------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
            <a href="" class="item-title">代码规范</a>
            <span>218860关注 567文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 7----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
            <a href="" class="item-title">面试</a>
            <span>212143关注 4509文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>


      <!-- 第二次 -->

      <!-- 1------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-andro.png" alt=""></a>
            <a href="" class="item-title">Android</a>
            <span>203838 关注
              24714 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 2----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
            <a href="" class="item-title">算法</a>
            <span>203365关注 8586文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 3------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-cheng.png" alt=""></a>
            <a href="" class="item-title">程序员</a>
            <span>193790关注 7249文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 4----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
            <a href="" class="item-title">CSS</a>
            <span>192722关注 5816文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>
      <!-- 5----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
            <a href="" class="item-title">设计</a>
            <span>186017关注 5441文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 6------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
            <a href="" class="item-title">Java</a>
            <span>183600关注 23205文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 7----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
            <a href="" class="item-title">数据库</a>
            <span>181653 关注
              7362 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>


      <!-- 三次 -->

      <!-- 1------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
            <a href="" class="item-title">设计模式</a>
            <span>178168 关注
              2683 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 2----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
            <a href="" class="item-title">前端框架</a>
            <span>174151 关注
              1588 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 3------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
            <a href="" class="item-title">HTML</a>
            <span>169416 关注
              2282 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 4----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
            <a href="" class="item-title">产品</a>
            <span>163919 关注
              10314 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 5----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
            <a href="" class="item-title">开源</a>
            <span>162382 关注
              4301 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 6------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
            <a href="" class="item-title">Linux</a>
            <span>153785 关注
              3064 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 7----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
            <a href="" class="item-title">Git</a>
            <span>148426 关注
              1729 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
            <a href="" class="item-title">React</a>
            <span>145808 关注
              7010 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>




      <!--8------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-ios.jpg" alt=""></a>
            <a href="" class="item-title">iOS</a>
            <span>142387 关注
              13675 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 9----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-weixin.png" alt=""></a>
            <a href="" class="item-title">微信</a>
            <span>132483关注 19274文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 10------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-fullstack.png" alt=""></a>
            <a href="" class="item-title">全栈</a>
            <span>257583关注 8146文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 11----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-rengong.png" alt=""></a>
            <a href="" class="item-title">人工智能</a>
            <span>130111关注 22407文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 12---- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-es6.png" alt=""></a>
            <a href="" class="item-title">ECMAScipt 6</a>
            <span>127890关注 6481文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!--13------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-web.png" alt=""></a>
            <a href="" class="item-title">Webpack</a>
            <span>126931关注 567文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!--14----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-google.png" alt=""></a>
            <a href="" class="item-title">Google</a>
            <span>123674关注 4509文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 15------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-weixinxiao.png" alt=""></a>
            <a href="" class="item-title">微信小程序</a>
            <span>121922 关注
              24714 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 16---- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
            <a href="" class="item-title">MySQL</a>
            <span>121725关注 8586文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>
      <!--17------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-http.png" alt=""></a>
            <a href="" class="item-title">HTTP</a>
            <span>120773关注 7249文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!-- 18----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-zhengzhe.png" alt=""></a>
            <a href="" class="item-title">正则表达式</a>
            <span>110932 关注 5816 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 19----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
            <a href="" class="item-title">机器学习</a>
            <span>186017关注 5441文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 20------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
            <a href="" class="item-title">黑客</a>
            <span>183600关注 23205文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 21----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jquery.png" alt=""></a>
            <a href="" class="item-title">jQuery</a>
            <span>101745 关注
              7362 文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!--22------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-app.png" alt=""></a>
            <a href="" class="item-title">APP</a>
            <span>99448 关注
              2683 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 23----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-xiangying.png" alt=""></a>
            <a href="" class="item-title">响应式设计</a>
            <span>99428 关注
              124 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 24------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chuangye.png" alt=""></a>
            <a href="" class="item-title">创业</a>
            <span>169416 关注
              2282 文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!-- 25----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chrome.png" alt=""></a>
            <a href="" class="item-title">Chrome</a>
            <span>163919 关注
              10314 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 26--- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
            <a href="" class="item-title">产品经理</a>
            <span>92692 关注
              4301 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 6------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
            <a href="" class="item-title">Linux</a>
            <span>153785 关注
              3064 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 7----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
            <a href="" class="item-title">Git</a>
            <span>148426 关注
              1729 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
            <a href="" class="item-title">React</a>
            <span>145808 关注
              7010 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>



            <!-- 1------- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
                  <a href="" class="item-title">前端</a>
                  <span>347212 关注
                    32069 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 2----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                  <a href="" class="item-title">后端</a>
                  <span>274657关注 19274文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 3------- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-github.png" alt=""></a>
                  <a href="" class="item-title">GitHub</a>
                  <span>257583关注 8146文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 4----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-js.png" alt=""></a>
                  <a href="" class="item-title">JavaScript</a>
                  <span>2255525关注 22407文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 5----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                  <a href="" class="item-title">架构</a>
                  <span>221285关注 6481文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 6------ -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                  <a href="" class="item-title">代码规范</a>
                  <span>218860关注 567文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 7----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                  <a href="" class="item-title">面试</a>
                  <span>212143关注 4509文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>


            <!-- 第二次 -->

            <!-- 1------- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-andro.png" alt=""></a>
                  <a href="" class="item-title">Android</a>
                  <span>203838 关注
                    24714 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 2----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                  <a href="" class="item-title">算法</a>
                  <span>203365关注 8586文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 3------- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-cheng.png" alt=""></a>
                  <a href="" class="item-title">程序员</a>
                  <span>193790关注 7249文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 4----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
                  <a href="" class="item-title">CSS</a>
                  <span>192722关注 5816文章</span>
                </div>
                <div class="item-button">
                  <button>已关注</button>
                </div>
              </div>
            </li>
            <!-- 5----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                  <a href="" class="item-title">设计</a>
                  <span>186017关注 5441文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 6------ -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                  <a href="" class="item-title">Java</a>
                  <span>183600关注 23205文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 7----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                  <a href="" class="item-title">数据库</a>
                  <span>181653 关注
                    7362 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>


            <!-- 三次 -->

            <!-- 1------- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
                  <a href="" class="item-title">设计模式</a>
                  <span>178168 关注
                    2683 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 2----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
                  <a href="" class="item-title">前端框架</a>
                  <span>174151 关注
                    1588 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 3------- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
                  <a href="" class="item-title">HTML</a>
                  <span>169416 关注
                    2282 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 4----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
                  <a href="" class="item-title">产品</a>
                  <span>163919 关注
                    10314 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 5----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
                  <a href="" class="item-title">开源</a>
                  <span>162382 关注
                    4301 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <!-- 6------ -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
                  <a href="" class="item-title">Linux</a>
                  <span>153785 关注
                    3064 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>

            <!-- 7----- -->
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
                  <a href="" class="item-title">Git</a>
                  <span>148426 关注
                    1729 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>
            <li class="fol-item">
              <div class="fol-inner">
                <div class="item-top">
                  <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
                  <a href="" class="item-title">React</a>
                  <span>145808 关注
                    7010 文章</span>
                </div>
                <div class="item-button">
                  <button>关注</button>
                </div>
              </div>
            </li>



            
      <!--8------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-ios.jpg" alt=""></a>
            <a href="" class="item-title">iOS</a>
            <span>142387 关注
              13675 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 9----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-weixin.png" alt=""></a>
            <a href="" class="item-title">微信</a>
            <span>132483关注 19274文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 10------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-fullstack.png" alt=""></a>
            <a href="" class="item-title">全栈</a>
            <span>257583关注 8146文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 11----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-rengong.png" alt=""></a>
            <a href="" class="item-title">人工智能</a>
            <span>130111关注 22407文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 12---- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-es6.png" alt=""></a>
            <a href="" class="item-title">ECMAScipt 6</a>
            <span>127890关注 6481文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!--13------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-web.png" alt=""></a>
            <a href="" class="item-title">Webpack</a>
            <span>126931关注 567文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!--14----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-google.png" alt=""></a>
            <a href="" class="item-title">Google</a>
            <span>123674关注 4509文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 15------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-weixinxiao.png" alt=""></a>
            <a href="" class="item-title">微信小程序</a>
            <span>121922 关注
              24714 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 16---- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
            <a href="" class="item-title">MySQL</a>
            <span>121725关注 8586文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>
      <!--17------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-http.png" alt=""></a>
            <a href="" class="item-title">HTTP</a>
            <span>120773关注 7249文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!-- 18----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-zhengzhe.png" alt=""></a>
            <a href="" class="item-title">正则表达式</a>
            <span>110932 关注 5816 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 19----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
            <a href="" class="item-title">机器学习</a>
            <span>186017关注 5441文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 20------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
            <a href="" class="item-title">黑客</a>
            <span>183600关注 23205文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 21----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jquery.png" alt=""></a>
            <a href="" class="item-title">jQuery</a>
            <span>101745 关注
              7362 文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!--22------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-app.png" alt=""></a>
            <a href="" class="item-title">APP</a>
            <span>99448 关注
              2683 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 23----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-xiangying.png" alt=""></a>
            <a href="" class="item-title">响应式设计</a>
            <span>99428 关注
              124 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 24------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chuangye.png" alt=""></a>
            <a href="" class="item-title">创业</a>
            <span>169416 关注
              2282 文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!-- 25----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chrome.png" alt=""></a>
            <a href="" class="item-title">Chrome</a>
            <span>163919 关注
              10314 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 26--- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
            <a href="" class="item-title">产品经理</a>
            <span>92692 关注
              4301 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>


                  <!-- 1------- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
                        <a href="" class="item-title">前端</a>
                        <span>347212 关注
                          32069 文章</span>
                      </div>
                      <div class="item-button">
                        <button>已关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 2----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                        <a href="" class="item-title">后端</a>
                        <span>274657关注 19274文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 3------- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-github.png" alt=""></a>
                        <a href="" class="item-title">GitHub</a>
                        <span>257583关注 8146文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 4----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-js.png" alt=""></a>
                        <a href="" class="item-title">JavaScript</a>
                        <span>2255525关注 22407文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 5----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                        <a href="" class="item-title">架构</a>
                        <span>221285关注 6481文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 6------ -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                        <a href="" class="item-title">代码规范</a>
                        <span>218860关注 567文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 7----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                        <a href="" class="item-title">面试</a>
                        <span>212143关注 4509文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
    
                  <!-- 第二次 -->
    
                  <!-- 1------- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-andro.png" alt=""></a>
                        <a href="" class="item-title">Android</a>
                        <span>203838 关注
                          24714 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 2----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                        <a href="" class="item-title">算法</a>
                        <span>203365关注 8586文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 3------- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-cheng.png" alt=""></a>
                        <a href="" class="item-title">程序员</a>
                        <span>193790关注 7249文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 4----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
                        <a href="" class="item-title">CSS</a>
                        <span>192722关注 5816文章</span>
                      </div>
                      <div class="item-button">
                        <button>已关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 5----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                        <a href="" class="item-title">设计</a>
                        <span>186017关注 5441文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 6------ -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                        <a href="" class="item-title">Java</a>
                        <span>183600关注 23205文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 7----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                        <a href="" class="item-title">数据库</a>
                        <span>181653 关注
                          7362 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
    
                  <!-- 三次 -->
    
                  <!-- 1------- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
                        <a href="" class="item-title">设计模式</a>
                        <span>178168 关注
                          2683 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 2----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
                        <a href="" class="item-title">前端框架</a>
                        <span>174151 关注
                          1588 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 3------- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
                        <a href="" class="item-title">HTML</a>
                        <span>169416 关注
                          2282 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 4----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
                        <a href="" class="item-title">产品</a>
                        <span>163919 关注
                          10314 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 5----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
                        <a href="" class="item-title">开源</a>
                        <span>162382 关注
                          4301 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <!-- 6------ -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
                        <a href="" class="item-title">Linux</a>
                        <span>153785 关注
                          3064 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
    
                  <!-- 7----- -->
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
                        <a href="" class="item-title">Git</a>
                        <span>148426 关注
                          1729 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>
                  <li class="fol-item">
                    <div class="fol-inner">
                      <div class="item-top">
                        <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
                        <a href="" class="item-title">React</a>
                        <span>145808 关注
                          7010 文章</span>
                      </div>
                      <div class="item-button">
                        <button>关注</button>
                      </div>
                    </div>
                  </li>



                        <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
                    <a href="" class="item-title">前端</a>
                    <span>347212 关注
                      32069 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                    <a href="" class="item-title">后端</a>
                    <span>274657关注 19274文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-github.png" alt=""></a>
                    <a href="" class="item-title">GitHub</a>
                    <span>257583关注 8146文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-js.png" alt=""></a>
                    <a href="" class="item-title">JavaScript</a>
                    <span>2255525关注 22407文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                    <a href="" class="item-title">架构</a>
                    <span>221285关注 6481文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">代码规范</a>
                    <span>218860关注 567文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">面试</a>
                    <span>212143关注 4509文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 第二次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-andro.png" alt=""></a>
                    <a href="" class="item-title">Android</a>
                    <span>203838 关注
                      24714 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                    <a href="" class="item-title">算法</a>
                    <span>203365关注 8586文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-cheng.png" alt=""></a>
                    <a href="" class="item-title">程序员</a>
                    <span>193790关注 7249文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
                    <a href="" class="item-title">CSS</a>
                    <span>192722关注 5816文章</span>
                  </div>
                  <div class="item-button">
                    <button>已关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                    <a href="" class="item-title">设计</a>
                    <span>186017关注 5441文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">Java</a>
                    <span>183600关注 23205文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">数据库</a>
                    <span>181653 关注
                      7362 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 三次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
                    <a href="" class="item-title">设计模式</a>
                    <span>178168 关注
                      2683 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
                    <a href="" class="item-title">前端框架</a>
                    <span>174151 关注
                      1588 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
                    <a href="" class="item-title">HTML</a>
                    <span>169416 关注
                      2282 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
                    <a href="" class="item-title">产品</a>
                    <span>163919 关注
                      10314 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
                    <a href="" class="item-title">开源</a>
                    <span>162382 关注
                      4301 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
                    <a href="" class="item-title">Linux</a>
                    <span>153785 关注
                      3064 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
                    <a href="" class="item-title">Git</a>
                    <span>148426 关注
                      1729 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
                    <a href="" class="item-title">React</a>
                    <span>145808 关注
                      7010 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>












            </ul>



            <!-- END -->

          </div>
          <div id="newest" class="section">
            <!-- START -->
            <ul>
              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-chrome.jpg" alt=""></a>
                    <a href="" class="item-title">Chrome OS</a>
                    <span>3 关注
                      1 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-1.jpg" alt=""></a>
                    <a href="" class="item-title">计算机图形学</a>
                    <span>26关注 3文章</span>
                  </div>
                  <div class="item-button">
                    <button>已关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-cpu.jpg" alt=""></a>
                    <a href="" class="item-title">GPU</a>
                    <span>24关注 2文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-web.jpg" alt=""></a>
                    <a href="" class="item-title">WebView</a>
                    <span>66关注 5文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/xin-rpc.jpg" alt=""></a>
                    <a href="" class="item-title">RPC</a>
                    <span>83关注 4文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-xaioxi.jpg" alt=""></a>
                    <a href="" class="item-title">消息队列</a>
                    <span>135关注 12文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-paixusuanfa.jpg" alt=""></a>
                    <a href="" class="item-title">排序算法</a>
                    <span>223关注 25文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 第二次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-jupy.jpg" alt=""></a>
                    <a href="" class="item-title">Juppter</a>
                    <span> 56关注
                      7 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-moz.jpg" alt=""></a>
                    <a href="" class="item-title">Mozilla</a>
                    <span>62关注 3文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-tla.jpg" alt=""></a>
                    <a href="" class="item-title">TLA</a>
                    <span>27关注 0文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-micro.jpg" alt=""></a>
                    <a href="" class="item-title">Micrsoft Edge</a>
                    <span>88关注 3文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/x-chame.jpg" alt=""></a>
                    <a href="" class="item-title">设计</a>
                    <span>60关注 4文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">Java</a>
                    <span>183600关注 23205文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">数据库</a>
                    <span>181653 关注
                      7362 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 三次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
                    <a href="" class="item-title">设计模式</a>
                    <span>178168 关注
                      2683 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
                    <a href="" class="item-title">前端框架</a>
                    <span>174151 关注
                      1588 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
                    <a href="" class="item-title">HTML</a>
                    <span>169416 关注
                      2282 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
                    <a href="" class="item-title">产品</a>
                    <span>163919 关注
                      10314 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
                    <a href="" class="item-title">开源</a>
                    <span>162382 关注
                      4301 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
                    <a href="" class="item-title">Linux</a>
                    <span>153785 关注
                      3064 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
                    <a href="" class="item-title">Git</a>
                    <span>148426 关注
                      1729 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
                    <a href="" class="item-title">React</a>
                    <span>145808 关注
                      7010 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>





              <!-- shang -->
              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qianduan.png" alt=""></a>
                    <a href="" class="item-title">前端</a>
                    <span>347212 关注
                      32069 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                    <a href="" class="item-title">后端</a>
                    <span>274657关注 19274文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-github.png" alt=""></a>
                    <a href="" class="item-title">GitHub</a>
                    <span>257583关注 8146文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-js.png" alt=""></a>
                    <a href="" class="item-title">JavaScript</a>
                    <span>2255525关注 22407文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                    <a href="" class="item-title">架构</a>
                    <span>221285关注 6481文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">代码规范</a>
                    <span>218860关注 567文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">面试</a>
                    <span>212143关注 4509文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>


              <!-- 第二次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-andro.png" alt=""></a>
                    <a href="" class="item-title">Android</a>
                    <span>203838 关注
                      24714 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
                    <a href="" class="item-title">算法</a>
                    <span>203365关注 8586文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-cheng.png" alt=""></a>
                    <a href="" class="item-title">程序员</a>
                    <span>193790关注 7249文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-css.png" alt=""></a>
                    <a href="" class="item-title">CSS</a>
                    <span>192722关注 5816文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
                    <a href="" class="item-title">设计</a>
                    <span>186017关注 5441文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
                    <a href="" class="item-title">Java</a>
                    <span>183600关注 23205文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-mianshi.png" alt=""></a>
                    <a href="" class="item-title">数据库</a>
                    <span>181653 关注
                      7362 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
      <!-- 9----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-weixin.png" alt=""></a>
            <a href="" class="item-title">微信</a>
            <span>132483关注 19274文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 10------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-fullstack.png" alt=""></a>
            <a href="" class="item-title">全栈</a>
            <span>257583关注 8146文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 11----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-rengong.png" alt=""></a>
            <a href="" class="item-title">人工智能</a>
            <span>130111关注 22407文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 12---- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-es6.png" alt=""></a>
            <a href="" class="item-title">ECMAScipt 6</a>
            <span>127890关注 6481文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!--13------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-web.png" alt=""></a>
            <a href="" class="item-title">Webpack</a>
            <span>126931关注 567文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!--14----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-google.png" alt=""></a>
            <a href="" class="item-title">Google</a>
            <span>123674关注 4509文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 15------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-weixinxiao.png" alt=""></a>
            <a href="" class="item-title">微信小程序</a>
            <span>121922 关注
              24714 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 16---- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-houduan.png" alt=""></a>
            <a href="" class="item-title">MySQL</a>
            <span>121725关注 8586文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>
      <!--17------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-http.png" alt=""></a>
            <a href="" class="item-title">HTTP</a>
            <span>120773关注 7249文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!-- 18----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-zhengzhe.png" alt=""></a>
            <a href="" class="item-title">正则表达式</a>
            <span>110932 关注 5816 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 19----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jiagou.png" alt=""></a>
            <a href="" class="item-title">机器学习</a>
            <span>186017关注 5441文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 20------ -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-daima.png" alt=""></a>
            <a href="" class="item-title">黑客</a>
            <span>183600关注 23205文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 21----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-jquery.png" alt=""></a>
            <a href="" class="item-title">jQuery</a>
            <span>101745 关注
              7362 文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!--22------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-app.png" alt=""></a>
            <a href="" class="item-title">APP</a>
            <span>99448 关注
              2683 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

      <!-- 23----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-xiangying.png" alt=""></a>
            <a href="" class="item-title">响应式设计</a>
            <span>99428 关注
              124 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 24------- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chuangye.png" alt=""></a>
            <a href="" class="item-title">创业</a>
            <span>169416 关注
              2282 文章</span>
          </div>
          <div class="item-button">
            <button>已关注</button>
          </div>
        </div>
      </li>

      <!-- 25----- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chrome.png" alt=""></a>
            <a href="" class="item-title">Chrome</a>
            <span>163919 关注
              10314 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>
      <!-- 26--- -->
      <li class="fol-item">
        <div class="fol-inner">
          <div class="item-top">
            <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
            <a href="" class="item-title">产品经理</a>
            <span>92692 关注
              4301 文章</span>
          </div>
          <div class="item-button">
            <button>关注</button>
          </div>
        </div>
      </li>

              <!-- 三次 -->

              <!-- 1------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/icon-sheji.png" alt=""></a>
                    <a href="" class="item-title">设计模式</a>
                    <span>178168 关注
                      2683 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 2----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-qian.png" alt=""></a>
                    <a href="" class="item-title">前端框架</a>
                    <span>174151 关注
                      1588 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 3------- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-html.png" alt=""></a>
                    <a href="" class="item-title">HTML</a>
                    <span>169416 关注
                      2282 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 4----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-chan.png" alt=""></a>
                    <a href="" class="item-title">产品</a>
                    <span>163919 关注
                      10314 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 5----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-kaiyuan.png" alt=""></a>
                    <a href="" class="item-title">开源</a>
                    <span>162382 关注
                      4301 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <!-- 6------ -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-linux.png" alt=""></a>
                    <a href="" class="item-title">Linux</a>
                    <span>153785 关注
                      3064 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>

              <!-- 7----- -->
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-git.png" alt=""></a>
                    <a href="" class="item-title">Git</a>
                    <span>148426 关注
                      1729 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>
              <li class="fol-item">
                <div class="fol-inner">
                  <div class="item-top">
                    <a href="" class="img-a"><img class="tuicon" src="../../public/img/sn/re-reeact.png" alt=""></a>
                    <a href="" class="item-title">React</a>
                    <span>145808 关注
                      7010 文章</span>
                  </div>
                  <div class="item-button">
                    <button>关注</button>
                  </div>
                </div>
              </li>















            </ul>








            <!-- END -->

          </div>






        </div>










      </div>
    </div>

  </div>

  <script src="../../public/js/sn/label-manage.js"></script>





</body>

</html>